<style>
    a {
        cursor: pointer;
    }
</style>
<div class="celebrity-items" xmlns:th="http://www.thymeleaf.org">
    <div class="ceb-item" th:each="person:${personList}">
        <a th:href="'/person/detail/'+${person.id}"><img src="/movie/images/uploads/ceb1.jpg" alt=""></a>
        <div class="ceb-infor">
            <h2><a th:href="'/person/detail/'+${person.id}" th:text="${person.name}">Tom Hardy</a></h2>
            <span>actors, usa</span>
        </div>
    </div>
</div>
<div class="topbar-filter" xmlns:th="http://www.thymeleaf.org">
    <label>页码</label>

    <div class="pagination2">
        <span>Page 1 of 2:</span>
        <a
                th:each="i : ${#numbers.sequence(1,totalPage,1)}"
                th:class="${i == currentPage + 1?'active':''}"
                th:onclick="'loadPersonListGridFragment('+${i-1}+')'"
                th:id="'page'+${i}"
                th:text="${i}">1</a>
        <a href="#">
            <i class="ion-arrow-right-b"></i></a>
    </div>
</div>